<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我的购物车</title>
<script   type="text/javascript" src="car1.js" ></script>
<link href="car1(css).css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.STYLE3 {	font-size: 16px;
	height: auto;
	width: auto;
}
.STYLE4 {font-size: 14px}
#first {float:left;padding-left:82px;}
#navTop {width:907px; height:25px; background:#EEE; line-height:25px; font-size:13px; margin:12px auto; }
#second {float:right;}
#nav{
width:907px;
}
#foot{
width:907px;
margin:0 auto;
}
.STYLE5 {font-size: 14px; height: auto; width: auto; }
.price1 {color:#FF6600;
	font-size:14px;
	height: auto;
	width: 907px;
}
.STYLE10 {	font-size: 14px;
	font-family: "微软雅黑";
	margin: 0;
	color: #00;
	padding: 0;
}
.STYLE11 {color: #666}
-->
</style>
</head>
<body>
<div id="navTop">
  <div class="STYLE4" id="first"><a href="${pageContext.request.contextPath }/homepage.do">欢迎光临文化沙龙</a></div>
  <div class="STYLE4" id="second"><span class="STYLE11">您好，</span><a href="login.do" class="reg">${sessionScope.user.userName }</a>|<a href="login.do?userAction=logout">退出系统</a>|<a href="userorderslist.do">我的订单</a>|<a href="shopcartmanager.do">购物车</a>|<a href="#">客服电话</a>|<a href="#">加入我们</a>|</div>
</div>
<p>&nbsp;</p>
<div id="contentA">
	<div id="nav">
		<ul>
			<li><a href="#">会员名称</a></li>
			<li></li>
			<li></li>
			<li><a href="homepage.do">沙龙首页</a></li>
			<li><a href="userorderslist.do">我的订单</a></li>
			<li><a href="showgoods.do">产品分类</a></li>
			<li><a href="shopcartmanager.do">购物车</a></li>
			<li><a href="#">联系电话</a></li>
		</ul>
	</div>
		
  <div id="hobby">
  <!-- 
	  <img src="images/logo.jpg" /> 
	  <p class="hh">购物车　　　　　　　　　　　　　　　　　猜你喜欢</p>
	  <img src="images/logo.jpg" /> 
	  <i class="pay">购物车可以合并付款</i>
 -->
	  
	  <div class="cls"><p>您的位置：<span>首页>购物</span></p></div>
  </div>
  
  <form action="ordermanager.do" method="post">
	<table id="cartTable">
	<thead>
	<tr>
	<th><label><input class="check-all check" type="checkbox"/>&nbsp;全选</label></th>
	<th>商品</th>
	<th>单价</th>
	<th>数量</th>
	<th>小计</th>
	<th>操作</th>
	</tr>
	</thead>
	<tbody>
	
	 <c:forEach items="${requestScope.shopcart }" var="shopcart" >
	<tr>
	<td class="checkbox"><input class="check-one check" type="checkbox"/></td>
	<td class="goods"><img src="${shopcart.goodsPictureUrl }" alt=""/><span>${shopcart.goodsName }</span></td>
	<td class="price">${shopcart.retailPrice }</td>
	<td class="count"><span class="reduce"></span>
	  
	  <input class="count-input" name="goods_${shopcart.goodsid}_${shopcart.id}_count" type="text" value="${shopcart.amount}"/>
	  <input type="hidden" name="shopcart" value="${shopcart.id}">
	  <span class="add">+</span></td>
	<td class="subtotal">${shopcart.totaoPrice}</td>
	<td class="operation"><span class="delete">删除</span></td>
	</tr>
	  </c:forEach>
	

	</tbody>
	</table>

	
	<div class="foot" id="foot">
	<label class="fl select-all"><input type="checkbox" class="check-all check"/>&nbsp;全选</label>
	<a class="fl delete" id="deleteAll" href="javascript:;">删除</a>
	<div class="fr closing"><input type="submit" value="结 算"></div>
	<div class="fr total">合计：￥<span id="priceTotal">0.00</span></div>
	<div class="fr selected" id="selected">已选商品
	<span id="selectedTotal">0</span>件
	<span class="arrow up">︽</span>
	<span class="arrow down">︾</span>	</div>
	<div class="selected-view">
	<div id="selectedViewList" class="clearfix">
	<!--<div><img src="images/1.jpg"><span>取消选择</span></div>-->
	</div>
	<span class="arrow">◆<span>◆</span></span>	</div>
	<br>
	</div>
</form>
</div>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div align="center">
  <p>&nbsp;</p>
  <hr align="center"  width="907" color="#FF6600" class="price1" />
  <p>&nbsp;</p>
  <p><br />
      <span class="STYLE10">公司简介&nbsp; |&nbsp;&nbsp; Investor Relations&nbsp; |&nbsp; 诚征英才&nbsp; |&nbsp; 网站联盟&nbsp; |&nbsp; 广告服务&nbsp; |&nbsp; 文化沙龙招商&nbsp; |&nbsp; 机构销售&nbsp; |&nbsp; 手机文化沙龙&nbsp; |&nbsp; 官方 Blog </span> </p>
  <p class="STYLE10">&nbsp;</p>
  <span class="STYLE10">Copyright © 2014-2015 文化沙龙 版权所有 增值电信业务经营许可证蒙B2-20120030 </span>
  <p class="STYLE5">&nbsp;</p>
  <p class="STYLE3">&nbsp;</p>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>
